<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,scale=1.0">
    <title>川信职院贴吧</title>
    <link rel="shortcut icon" href="../static/img/favicon.png" />
    <link href="../static/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../static/css/index.css" rel="stylesheet" />
	<script src="../static/js/jquery-1.10.1.min.js"></script>
	<script src="../static/js/index.js"></script>
    {{if eq .status 1}}
	<script src="../static/js/login.js"></script>
	{{end}}
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div id="wrap">
    {{template "header.html" .}}
    <section>
        <!-- ======================Carousel============================ -->
        <div id="myCarousel" class="carousel slide">
          <div class="carousel-inner">
            <div class="item active masthead">
              <div class="masthead-bg"></div>
              <div class="container">
                <div class="carousel-caption">
                    <h3>贴吧介绍</h3>
                    <p id="carousel-content" class="text-overflow">川信职院贴吧成立于2011年12月28日，贴吧的使命是让志同道合的人相聚。贴吧的组建依靠搜索引擎关键词，不论是大众话题还是小众话题，都能精准地聚集大批同好网友，展示自我风采，结交知音，搭建别具特色的“兴趣主题“互动平台。贴吧目录涵盖社会、地区、生活、教育、娱乐明星、游戏、体育、企业等方方面面，是全球最大的中文交流平台，它为人们提供一个表达和交流思想的自由网络空间，并以此汇集志同道合的网友。贴吧的使命是让志同道合的人相聚。贴吧的组建依靠搜索引擎关键词，不论是大众话题还是小众话题，都能精准地聚集大批同好网友，展示自我风采，结交知音，搭建别具特色的“兴趣主题“互动平台。贴吧目录涵盖社会、地区、生活、教育、娱乐明星、游戏、体育、企业等方方面面，是全球最大的中文交流平台，它为人们提供一个表达和交流思想的自由网络空间，并以此汇集志同道合的网友...</p>
                    <p id="carousel_kown"><a class="btn btn-primary btn-sm" role="button">了解更多</a></p>
                </div>
              </div>
            </div>
          </div>
        </div><!-- /.carousel -->

        <!-- ====================== bbs kinds ============================ -->
        <div class="container projects">
            <div class="projects-header page-header">
                <h2>贴吧分类</h2>
                <p>做川信好学生，丰富大学生活，请各位吧友文明发言!</p>
            </div>

            <div class="row">

				{{range $index,$ele := .kinds}}
				<div class="col-sm-6 col-md-4 ">
                    <div class="thumbnail">
                        <a href="/page?id={{$ele.KindId}}" title="{{$ele.KindName}}" target="_self" onclick="">
                            <img class="lazy" src="{{$ele.PicPath}}" alt="Headroom"
                            data-src="{{$ele.PicPath}}" style="width:300px;height:150px">
                        </a>
                        <div class="caption">
                            <h3> 
                                <a href="#" title="" target="_blank" onclick="">
                                    {{$ele.KindName}}<br><small>by @{{$ele.AddAuthor}}</small>
                                </a>
                            </h3>
                            <p>
                                {{$ele.Kindintro}}
                            </p>
                        </div>
                    </div>
                </div>
				{{end}}

            </div>
        </div><!--bbs kinds-->
    </section>
</div><!--/.wrap-->

<footer id="footer">
    <div class="container">
        <p class="text-muted">&copy; Dowish.net　2014</p>
    </div>
</footer>

<!--go top -->
<div class="go-top">
    <div class="arrow"></div>
    <div class="stick"></div>
</div><!--/.go top-->

{{template "footer.html" .}}

<script src="../static/js/bootstrap.min.js"></script>
</body>
</html>